﻿//Variable que almacenará la posición del scroll, por defecto tiene valor 0.
var scrollCachePosition = 0;
 
$(function() {
    $("#showConfig2").click(function (event) {
        scrollCachePosition = $(window).scrollTop();
        //Envío el scroll a la posición 0 (left), 0 (top), es decir, arriba de todo.
        window.top.scroll(0,0);
 
        //Si el body es mas grande que la capa 'wrapper' incrementa la altura del body a la capa 'capaPopUp'.
        if ($("body").outerHeight() > $(document).outerHeight()) {
            var altura=$("body").outerHeight();
        }else{
        //Si la capa 'wrapper' es más grande que el body incrementa la altura de la capa 'wrapper' a la capa 'capaPopUp'.
            var altura = $(document).outerHeight();
        }
        window.document.getElementById("capaPopUp").style.height=altura+"px";
        event.preventDefault();
        //Muestro la capa con el efecto 'slideToggle'.
        $("#capaPopUp").slideToggle();
 
        //Calculo la altura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
        var altura=$("#popUpDiv").outerHeight();
        $("#popUpDiv").css("margin-top","-"+parseInt(altura/2)+"px");
 
        //Calculo la anchura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
        var anchura=$("#popUpDiv").outerWidth();
        $("#popUpDiv").css("margin-left","-"+parseInt(anchura/2)+"px");
 
        //Muestro la capa con el efecto 'slideToggle'.
        $("#popUpDiv").slideToggle();
    });

    $("#btnAceptar2").click(function (event) {
        event.preventDefault();
        //Cierro las capas con el efecto 'slideToggle'.
        //$("#capaPopUp").hide('slow');
        
        $("#capaPopUp").fadeOut('slow', function () {
            $('#capaContent').hide('slow');
        });

        $("#popUpDiv").fadeOut('slow');
        //Si la variable scrollCachePosition es mayor que 0 incrementará la posición del scroll al valor que se almacenó.
        if (scrollCachePosition > 0) {
            window.top.scroll(0,scrollCachePosition);
            //Reseteamos la variable scrollCachePosition a 0 para poder ejecutar el script tantas veces sea necesario.
            scrollCachePosition = 0;
        }
    });
});